$(function() {
    /* 1.控制登录盒子和注册盒子互斥渲染
       2.盒子a标签点击后切换显示与隐藏 */

    // 切换注册和登录盒子互斥渲染
    $('#goto-register').on('click',() => {
        // 显示注册的盒子
        $('#register').stop().show()
    })

    $('#goto-login').on('click',() => {
        // 隐藏注册的盒子
        $('#register').stop().hide()
    })

    // 定义自己的表单校验规则，在html页面引入layuijs之后会
    // 在window上挂载layui，在layui中有form
    // const form = window.layui.form
    const {form} = layui
    form.verify({
        username:[
            /^[a-z0-9]{6,10}$/, 
            '账号名是6到10位由数字，小写字母组成'
        ],
        password: [
			/^[\S]{6,12}$/,
			'密码必须6到12位，且不能出现空格'
		],
        // 重复密码校验规则
        repwd:function (value) {  //value:表单的值  item：表单的DOM对象
            /* if(value !== $('.pwd').val()) {
                return '两次输入的密码不一致'
            } */
            // 合写
            // return (value !== $('.pwd').val())&&'两次输入的密码不一致'
            return ($(".pwd").val() !== value) && '两次密码不相同'
        }
    })
    /* 
    1.点击注册按钮发送请求
    2.submit 事件 提交表单的事件
    3.发送请求--axios
    4.返回的结果，最后提示用户注册成功 */
    // 注册账号，为注册的表单绑定sumbit事件，
    $('#register .layui-form').on('submit',async(e)=> {
        e.preventDefault()  //阻止表单默认行为
        // 1.获取用户名和密码
        const obj = {
            username:$('#register input[name=username]').val(),
            password:$('#register input[name=password]').val()
        }
        
        const str = handleDataFormat(obj)
        // axios 发送请求
        const res = await reqPostRegister(obj)
        // console.log(res.data);
        // status===0 表示成功
        // const {data:{status,message}} = res
        // console.log(status);
        // console.log(message);
        // if(status === 0) {
        // 提示信息，自带的语法，window里有携带，解构不解构都可以
            // layer.msg(message)
            // 注册成功后隐藏form
            $('#register').stop().hide()
        // }
    })
    // 登录账号，为注册的表单绑定submit事件，表单默认行为 刷新页面
    $('#login .layui-form').on('submit',async(e)=> {
        e.preventDefault()
        const obj = {
            username:$('#login input[name=username]').val(),
            password:$('#login input[name=password]').val()
        }
        // axios 发送请求
        const res = await reqPostLogin(obj)
        // console.log(res.data);
        // const {data:{status,message}} = res
        // console.log(res);
        // if(status === 0) {
        //     layer.msg(message)
            // 跳转到index页面
            location.href = './index.html'
        // }
    })



})